<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
<meta name="apple-touch-fullscreen" content="YES">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>人人成园丁，处处是花园</title>
<link rel="stylesheet" href="/Public/projects/garden/css/hyBase.css">
</head>
<body class="bodybg">
<div class="headBlock">
	<div class="headimage"><img src="/Public/projects/garden/images/head.jpg"></div>
	<span class="spanTxt">浙江省省长：袁家军</span>
		<div class="voiceBg"><div class="icon_pause"></div><span class="spanFont">听听他的声音</span></div>
</div>
<div class="praiseBox"></div><div class="praise"></div>
<div class="thumb"></div> <div class="praiseArea"></div>
<div class="blank"></div>
<div class="like" id="total">已有<span class="t_num"></span>人为花园点赞</div>
<input type="hidden" id="cur_num" value="5368997">
<div class="font">
识别下方二维码<br/>
为自己家乡的花园点赞
</div>
<div class="ecode"></div>
<audio id="mySound" src="/Public/projects/garden/sound/sound.mp3"></audio>
<script type="text/javascript" src="/Public/projects/garden/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/Public/projects/garden/js/common.js"></script>
<script type="text/javascript" src="/Public/projects/garden/js/animateBackground-plugin.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '{$appId}', // 必填，公众号的唯一标识
        timestamp: "{$timestamp}", // 必填，生成签名的时间戳
        nonceStr: '{$nonceStr}', // 必填，生成签名的随机串
        signature: '{$wxsha1}',// 必填，签名，见附录1
        jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline', 'chooseImage', 'getLocalImgData'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    wx.error(function(res){
        console.log(res);
    });
    wx.ready( function( e ){
        wx.onMenuShareAppMessage({
            title: "人人成园丁，处处是花园",
            desc: '发现花园之美，为家乡点赞',
            link: "http://esm.zbxinmeiti.com/Wap/Applications/gardenIndex",
            imgUrl: "http://esm.zbxinmeiti.com/Public/projects/garden/images/share.jpg",
            success: function () {
            }
        });
        wx.onMenuShareTimeline({
            title: "人人成园丁，处处是花园",
            link: "http://esm.zbxinmeiti.com/Wap/Applications/gardenIndex",
            imgUrl: "http://esm.zbxinmeiti.com/Public/projects/garden/images/share.jpg",
            success: function () {
            }
        });
    });
$(function(){
    show_num({$cur_num});
	$(".praiseArea").click(function(){
        getdata();
        $(".thumb").addClass("enlarge");
        $(".blank").css("display","block");
        setTimeout("$('.thumb').removeClass('enlarge')",1200);
        setTimeout("$('.blank').css('display','none')",1200);
	});
});
function getdata(){
	$.ajax({
	    url: '/Wap/Applications/gardenAdd',
		type: 'get',
		dataType: "json",
		success: function(data){
			show_num(data.count);
	    }
   	});
}
function show_num(n){
	var it = $(".t_num i");
	var len = String(n).length;
	for(var i=0;i<len;i++){
		if(it.length<=i){
			$(".t_num").append("<i></i>");
		}
		var num=String(n).charAt(i);
		var y = -parseInt(num)*30;
		var obj = $(".t_num i").eq(i);
		obj.animate({
			backgroundPosition :'(0 '+String(y)+'px)' 
			}, 'slow','swing',function(){}
		);
	}
}
</script>
</body>